<template>
 
 <div>
   <!-- v-bind指令给标签动态绑定属性 -->
   <!-- 注意点：一旦使用v-bind指令属性值必须为变量 -->
    <a v-bind:href="url" >百度一下</a>
    <!-- 简写 -->
    <img  :src="src" >
 </div>
</template>

<script>
// 默认导出一个对象
export default {
  // data是一个函数
  data(){
    // 返回一个对象，这个对象就是vue的数据变量
    return {
      url:'http://www.baidu.com/',
      src:'https://img2.baidu.com/it/u=2419172296,977204951&fm=26&fmt=auto'
    }
  }
}


</script>

<style>

</style>
